vscode eslint 自动格式化

发表于

以 vue-cli 生成的项目为例

配置环境:

1
2
3
$ npm i -g eslint-plugin-vue
#or
$ npm i -S eslint-plugin-vue

创建项目跟路径下的文件：.eslintrc | .eslint.js

1
2
3
4
//　添加插件
"plugins": [
    "vue"
]

安装 vscode 插件

  • ESLint
  • Vetur

修改 setting.json

1
2
3
4
5
6
7
8
9
10
11
12
// 添加进你的vscode的 setting.json

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",{
        "language": "vue",
        "autoFix": true
    },"html",
    "vue"
]

// "eslint.alwaysShowStatus": true,

保存时会自动进行格式化

自动修复

将所有文件自动格式化

1
$ npm run lint -- --fix

package.json

1
"lint": "eslint --ext .js,.vue src",
本文结束，感谢您的阅读